<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/css.css"/>
		<link rel="stylesheet" type="text/css" href="css/cates.css"/>
		<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.superslide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
				<a class="navbar-brand" href="#"><img src="img/book.png" alt=""></a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>
	
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav mr-auto bt">
						
						<li>图书商城管理系统</li>
					</ul>
	
					<ul class="navbar-nav navbar-light">
						<li class="nav-item"><button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" ><a href="personnal.html">个人中心</a></button>
						</li>
						<li class="nav-item">
							<button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#login">登录</button>
						</li>
	
						<li class="nav-item">
							<button class="btn btn-success" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#register">注册</button>
						</li>
					</ul>
	
				</div>
			</nav>
			
	<header class="userList">
		
	</header>
	
	<nav>
		<div class="innerBox">
			<ul id="nav-ul">
				<li ><a href="index.html">首页</a></li>
				<li><a href="cates.html">名人励志</a></li>
				<li><a href="dianqi.html">经典名著</a></li>
				<li  class="active"><a href="wenju.html">儿童绘本</a></li>
				
				
				<li><a href="valuation.html">估价咨询</a></li>
				</li>
			</ul>
		</div>
	</nav>
		<div class="container">
			<div class="innerBox cateBox">
				<div class="left leftBox">
					<div class="cateList">
						<div class="titles cateTitle">
							文具分类
						</div>
						<div class="cates">
							<ul>
								<li><a href="#" class="active">名人励志</a></li>
								<li><a href="#">经典名著</a></li>
								<li><a href="#">儿童绘本</a></li>
								<li><a href="#">历史</a></li>
							</ul>
						</div>
					</div>
					<div class="cateList recentList">
						<div class="titles cateTitle">
							最近浏览
						</div>
						<div class="recent">
							<ul>
								<li>
									<div class="recentImg left">
										<a href="#"><img src="img/71只绵羊.jpg"/></a>
									</div>
									<div class=" recentTitle right">
										<p><a href="#">71只绵羊</a></p>
										<p><span class="price">￥10</span></p>
									</div>
								</li>
								<li>
									<div class="recentImg left">
										<a href="#"><img src="img/小鳄鱼看牙医.jpg"/></a>
									</div>
									<div class="recentTitle right">
										<p><a href="#">小鳄鱼看牙医</a></p>
										<p><span>￥10</span></p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="right rightBox">
					<div class="overflowBox">
						<div class="left today">
							<div class="titles todayTitle">
								今日上新
							</div>
							<div class="todayBox">
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/一只奇怪的蛋.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">一只奇怪的蛋</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/小鳄鱼看牙医.jpg"></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">小鳄鱼看牙医</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/71只绵羊.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">71只绵羊</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/面包学.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">面包学</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/71只绵羊.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">71只绵羊</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/面包学.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">面包学</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/小鳄鱼看牙医.jpg"></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">小鳄鱼看牙医</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="#"><img src="img/一只奇怪的蛋.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="#">一只奇怪的蛋</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="right news">
							<div class="titles newsTitle">
								今日动态
							</div>
							<div class="newsBox">
								<ul>
									<li><a href="#">出售二手书</a></li>
									<li><a href="#">出售二手书</a></li>
									<li><a href="#">出售二手书</a></li>
									<li><a href="#">出售二手书</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="hot">
						<div class="titles hotTitle">
							热点推荐
						</div>
						<div class="hotBox">
							<div class="todayGoods">
								<div class="todayimg">
									<a href="#"><img src="img/一只奇怪的蛋.jpg"/></a>
								</div>
								<div class="todayTitle">
									<p><a href="#">一只奇怪的蛋</a></p>
									<p><span>￥10</span></p>
								</div>
							</div>
							<div class="todayGoods">
								<div class="todayimg">
									<a href="#"><img src="img/小鳄鱼看牙医.jpg"></a>
								</div>
								<div class="todayTitle">
									<p><a href="#">小鳄鱼看牙医</a></p>
									<p><span>￥10</span></p>
								</div>
							</div>
							<div class="todayGoods">
								<div class="todayimg">
									<a href="#"><img src="img/71只绵羊.jpg"/></a>
								</div>
								<div class="todayTitle">
									<p><a href="#">71只绵羊</a></p>
									<p><span>￥10</span></p>
								</div>
							</div>
							<div class="todayGoods">
								<div class="todayimg">
									<a href="#"><img src="img/面包学.jpg"/></a>
								</div>
								<div class="todayTitle">
									<p><a href="#">面包学</a></p>
									<p><span>￥10</span></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
<div class="row div_row_yxy" style="background:#d6d8d9;padding-top: 40px;padding-bottom: 40px;">
				<div class="col-12 text-center">
					<h3 class="display-8" style="color:red">图书商城管理系统</h3>
					<div class="a" style="color: #6c757d;">
					<span>关于我们</span><span class="copyright_split">|</span>
					<span>联系我们</span><span class="copyright_split">|</span>
					<span>联系客服</span><span class="copyright_split">|</span>
					<span>合作招商</span><span class="copyright_split">|</span>
					<span>商家帮助</span><span class="copyright_split">|</span>
					<span>营销中心</span>
					<p class="" style="margin-top: 15px">前置审批备案号: 川教GX-20120046</p>
					<p class="">Copyright © 2022 yxy All rights reserved</p>
					</div>
				</div>
		</div>
	<!--尾部结束-->
	<div class="modal fade" id="register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  	<div class="modal-dialog modal-lg">
	    	<div class="modal-content">
			  	<div class="modal-header">
					<h5 class="modal-title">用户注册</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					  	<span aria-hidden="true">&times;</span>
					</button>
			  	</div>
			  	<div class="modal-body">
					<form>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputusername">
							</div>
					  	</div>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputPassword">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">确认密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputConfirmPassword">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">年龄</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputAge">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">性别</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputSex">
							</div>
					  	</div>
	
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						</div>
					</form>
			  	</div>
	
	    	</div>
	  	</div>
	</div>
	<!--注册结束-->
	
	<!--登录开始-->
	<div class="modal fade" id="login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  	<div class="modal-dialog modal-lg">
	    	<div class="modal-content">
			  	<div class="modal-header">
					<h5 class="modal-title" >用户登录</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					  	<span aria-hidden="true">&times;</span>
					</button>
			  	</div>
			  	<div class="modal-body">
					<form>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputusername_1">
							</div>
					  	</div>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputPassword_2">
							</div>
					  	</div>
	
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						</div>
					</form>
			  	</div>
	
	    	</div>
	  	</div>
	</div>
	</body>
	<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
</html>
